<template>
    <div id="app">
        <!-- <div
            v-if="curPage=='Index'"
            @click="go('Demo')"
        >Index</div>
        <div
            v-if="curPage=='Demo'"
            @click="go('Category')"
        >Demo</div>
        <div v-if="curPage=='Category'">
            <div @click="goBack()">后退</div>
            <div @click="cleanStack()">清空</div>
        </div> -->
        <!-- <CheckList
            :list="list"
            :childFields="['grades','classes','persons']"
        /> -->
        <MediaVideo />
    </div>
</template>

<script>
// import pageCtrl from '@/components/pageControl.js';
// import CheckList from '@/components/CheckList.vue';
import MediaVideo from '@/components/MediaVideo.vue';

export default {
    name: 'App',
    // mixins: [pageCtrl],
    components: {
        // CheckList,
        MediaVideo
    },
    data() {
        return {
            list: [
                {
                    name: '二小',
                    grades: [
                        {
                            name: '一年级',
                            classes: [
                                {
                                    name: '三班',
                                    persons: [
                                        { name: '梨花' },
                                        { name: '张三' }
                                    ]
                                },
                                {
                                    name: '八班',
                                    persons: [
                                        { name: '刘鹗' },
                                        { name: '水燕' }
                                    ]
                                },
                            ]
                        },
                        {
                            name: '五年级',
                            classes: [
                                {
                                    name: '六班',
                                    persons: [
                                        { name: '周吉' },
                                        { name: '双福' }
                                    ]
                                },
                                {
                                    name: '十班',
                                    persons: [
                                        { name: '石德荣' },
                                        { name: '李成' }
                                    ]
                                },
                            ]
                        }
                    ]
                },
                {
                    name: '一中',
                    grades: [
                        {
                            name: '高一',
                            classes: [
                                {
                                    name: '一班',
                                    persons: [
                                        { name: '翠花' },
                                        { name: '锁死' }
                                    ]
                                },
                                {
                                    name: '四班',
                                    persons: [
                                        { name: '到达' },
                                        { name: '设置' }
                                    ]
                                },
                            ]
                        },
                        {
                            name: '高三',
                            classes: [
                                {
                                    name: '二班',
                                    persons: [
                                        { name: '封装' },
                                        { name: '实则' }
                                    ]
                                },
                                {
                                    name: '五班',
                                    persons: [
                                        { name: '分摊' },
                                        { name: '焚天' }
                                    ]
                                },
                            ]
                        }
                    ]
                },
                // {
                //     name: '华农',
                //     grades: [
                //         { name: '大一' },

                //     ]
                // }
            ]
        }
    }
};
</script>

<style>
* {
    margin: 0;
    padding: 0;
}
</style>
